//引入表单检验的库
import Vue from 'vue'
import VeeValidate from 'vee-validate'

Vue.use(VeeValidate) //新增一些指令 还会帮我们在vue的原型上新增方法和属性

//提示汉化
import zh_CN from 'vee-validate/dist/locale/zh_CN' // 引入中文message
VeeValidate.Validator.localize('zh_CN', {
    messages: {
        ...zh_CN.messages,
        is:(filed) => `${filed}必须与密码相同`
    },
    attributes: { // 给校验的field属性名映射中文名称
        phone: '手机号',
        code: '验证码',
        password:"密码",
        confirmPass:"确认密码"
    }
})

//自定义检验
VeeValidate.Validator.extend('agree', {
    validate: value => {
        console.log(value);
        //value : input的value
        //这个回调会在命中规则时被调用 返回true代表这个规则通过  返回false代表这个规则没有通过
        return value
    },
    //当前agree规则的错误提示文案
    getMessage: field => field + '必须同意'
})
